<template>
  <div>
      <AddresHeader/>
      <div class="address_container">
          <van-address-list
            :list="list"
            />
      </div>
      <div class="place_order_container">
          <van-card
            v-for="(item,index) in data"
            :key="index"
            :num="item.num"
            :price="item.item.minPrice"
            :desc="item.item.characteristic"
            :title="item.item.name"
            :thumb="item.item.pic"
            />
      </div>
  </div>
</template>

<script>
import AddresHeader from "./address/AddresHeader";
export default {
    components:{
        AddresHeader
    },
    computed:{
        data:function(){
            return this.$store.state.placeOrder
        }
    },
    data(){
        return{
            list: [...this.$store.state.cityList]
        }
    },
}
</script>

<style scoped>

.address_container
{
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #eee ;
    margin-top: 64px;
}
</style>